﻿body
{
	font-family:'Trebuchet MS', Tahoma, Arial;
}

.back{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
}

.front {
	position:relative;
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.frame
{
	border-width:0px;
	width:100%;
	height:100%;
}

.red-note
{
	color:Red;
}

.green-note
{
	color:Green;
}

.header{
	width:100%;
	height:170px;
}

.header .left, .header .right{
	width:5px;
	height:170px;
	float:left;
}

.header .left{
	background:url('/image/layout/panel/panel02-left.png') repeat-x;
}

.header .center{
	background:url('/image/layout/panel/panel02-bg.png') repeat-x;
	width:1190px;
	height:170px;
	float:left;
}

.header .right{
	background:url('/image/layout/panel/panel02-right.png') repeat-x;
}

.content{
	padding:5px 0px 5px 0px;
	float:left;
}

.content .topleft, .content .topright, .content .bottomleft, .content .bottomright{
	width:10px;
	height:10px;
	float:left;
}

.content .top, .bottom{
	width:1180px;
	height:10px;
	float:left;
}

.content .topleft{
	background-image:url('/image/layout/panel/panel03-topleft.png');
}

.content .top{
	background-image:url('/image/layout/panel/panel03-bg.png');
	background-repeat:repeat-x;
}

.content .topright{
	background-image:url('/image/layout/panel/panel03-topright.png');
}

.content .bottomleft{
	background-image:url('/image/layout/panel/panel03-bottomleft.png');
}

.content .bottom{
	background-image:url('/image/layout/panel/panel03-bg.png');
	background-repeat:repeat-x;
}

.content .bottomright{
	background-image:url('/image/layout/panel/panel03-bottomright.png');
}

.content .middle{
	float:left;
	width:1200px;
	min-height:600px;
	background-image:url('/image/layout/panel/panel03-bg.png');
}

.title{
	float:left;
}

.title .icon{
	background-image:url('/image/layout/title/title-icon-bg.png');
	width:86px;
	height:86px;
	float:left;
	position:relative;
	left:18px;
}

.title .bar{
	background-image:url('/image/layout/title/title-bar-bg.png');
	background-repeat:repeat-x;
	float:left;
	width:1060px;
	height:60px;
	position:relative;
	top:14px;
}

.title .bar-left, .title .bar-right{
	float:left;
	width:15px;
	height:60px;
	position:relative;
	top:14px;
}

.title .bar-left{
	background-image:url('/image/layout/title/title-bar-left.png');
}

.title .bar-right{
	background-image:url('/image/layout/title/title-bar-right.png');
}

.bar span
{
	position:relative;
	left:10px;
	top:15px;
	color:#21c821;
	font-size:18px;
	font-weight:lighter;
}

.article{
	float:left;
	padding-left:20px;
	padding-bottom:5px;
}

.article .topleft, .article .topright, .article .bottomleft, .article .bottomright{
	width:16px;
	height:16px;
	float:left;
}

.article .top, .article .bottom{
	background-repeat:repeat-x;
	height:16px;
	float:left;
}

.article .left, .article .right{
	background-repeat:repeat-y;
	width:16px;
	float:left;
}

.article .center{
	background-image:url('/image/layout/panel/panel04-center.png');
	background-repeat:repeat;
	float:left;
}

.article .topleft{
	background-image:url('/image/layout/panel/panel04-topleft.png');
}

.article .topright{
	background-image:url('/image/layout/panel/panel04-topright.png');
}

.article .bottomleft{
	background-image:url('/image/layout/panel/panel04-bottomleft.png');
}

.article .bottomright{
	background-image:url('/image/layout/panel/panel04-bottomright.png');
}

.article .top{
	background-image:url('/image/layout/panel/panel04-top.png');
}

.article .bottom{
	background-image:url('/image/layout/panel/panel04-bottom.png');
}

.article .left{
	background-image:url('/image/layout/panel/panel04-left.png');
}

.article .right{
	background-image:url('/image/layout/panel/panel04-right.png');
}

.article01{
	width:1156px;
}

.article01 .top, .article01 .bottom, .article01 .center{
	width:1124px;
}

.article01 .left, .article01 .right, .article01 .center{
	height:500px;
}

.article .middle
{
	width:1156px;
	background-image:url('/image/layout/panel/panel04-middle.png');
	background-repeat:repeat-y;
	padding-left:20px;
}

.article02{
	width:403px;
}

.article02 .top, .article02 .bottom, .article02 .center{
	width:370px;
}

.article02 .left, .article02 .right, .article02 .center{
	height:500px;
}

.article03{
	width:533px;
}

.article03 .top, .article03 .bottom, .article03 .center{
	width:500px;
}

.article03 .left, .article03 .right, .article03 .center{
	height:500px;
}

.table-row-label
{
	width:200px;
	height:30px;
	overflow:hidden;
	float:left;
	clear:left;
}

.table-row-content
{
	height:30px;
	float:left;
}

.label
{
	color:#808080;
}

.info
{
	padding:0px 0px 0px 10px;
	float:left;
	clear:both;
	width:100%;
}

.systree
{
	float:left;
	clear:left;
	width:190px;
	min-height:500px;
	overflow:auto;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:2px;
	background-image:url('/image/layout/line-bg.png');
	background-position:right 0px;
	background-repeat:repeat-y;
}

.detail
{
	float:left;
}

.footer{
	width:100%;
	height:170px;
}

.footer .left, .footer .right{
	width:5px;
	height:170px;
	float:left;
}

.footer .left{
	background:url('/image/layout/panel/panel02-left.png') repeat-x;
}

.footer .center{
	background:url('/image/layout/panel/panel02-bg.png') repeat-x;
	width:1190px;
	height:170px;
	float:left;
}

.footer .right{
	background:url('/image/layout/panel/panel02-right.png') repeat-x;
}

.div-table
{
	float:left;
}

.div-row
{
	float:left;
	clear:both;
}

.div-header
{
	float:left;
	height:28px;
	border-style:solid;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color:#557FFF;
	background-color:#557FFF;
	overflow:hidden;
}

.div-header span
{
	position:relative;
	top:2px;
	left:10px;
}

.div-cell
{
	float:left;
	height:25px;
	border-style:solid;
	border-top-width:0px;
	border-bottom-width:1px;
	border-color:#557FFF;
}

.c0
{
	width:30px;
	border-left-width:1px;
	border-right-width:1px;
	text-align:center;
}

.c1
{
	width:300px;
	border-left-width:0px;
	border-right-width:1px;
}

.c2
{
	width:130px;
	border-left-width:0px;
	border-right-width:1px;
}

.c3
{
	width:180px;
	border-left-width:1px;
	border-right-width:1px;
}

.c4
{
	width:250px;
	border-left-width:0px;
	border-right-width:1px;
}

.c5
{
	width:120px;
	border-left-width:0px;
	border-right-width:1px;
}

.c6
{
	width:100px;
	border-left-width:0px;
	border-right-width:1px;
}

.c7
{
	width:40px;
	border-left-width:0px;
	border-right-width:0px;
}

.c8
{
	width:40px;
	border-left-width:0px;
	border-right-width:1px;
}

.div-header.c1, .div-header.c2
{
/*	border-right-color:White;*/
}

.div-cell span
{
	height:25px;
	width:25px;
	float:left;
	background-repeat:no-repeat;
	cursor:pointer;
}

.div-cell span:hover
{
	background-position:-1px -1px;
}

.div-cell span.add
{
	background-image:url('/image/layout/AddIcon.png');
}

.div-cell span.enter
{
	background-image:url('/image/layout/EnterIcon.png');
}

.div-cell span.edit
{
	background-image:url('/image/layout/EditIcon.png');
}

.div-cell span.remove
{
	background-image:url('/image/layout/RemoveIcon.png');
}

.div-cell input[type=text], .div-cell select, .div-cell textarea
{
	height:22px;
	background-color:Transparent;
	border-width:0px;
	color:Blue;
	font-style:italic;
	position:relative;
	z-index:10;
	resize:none;
}

.div-cell textarea:focus
{
	height:100px;
	border-width:1px;
	resize:none;
}

.c1 input[type=text]
{
	width:248px;
}

.c2 input[type=text], .c2 select
{
	width:128px;
}

.c4 input[type=text], .c4 select, .c4 textarea
{
	width:248px;
}

.div-row:hover, .div-row.selected
{
	background-color:#CEF9CE;
}

.tab
{
	float:left;
	min-width:50px;
	height:25px;
	text-decoration:none;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    border-radius: 3px 3px 0 0;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
    margin:3px;
    background-color:#D4D4FF;
}

.tab.selected
{
	background-color:#5555FF;
}

.tab a, .tab a:visited
{
	text-decoration:none;
	color:blue;
	padding:8px;
}

.tab.selected a
{
	color:White;
}





































